// 注册

import React, { Component } from 'react'
import {
  InputItem
} from 'antd-mobile'
import NavBar from '@components/navbar'
export default class Appointment extends Component {
  constructor(props) {
    super(props)
    this.state = {
      phone:""
    }
  }
  onChangephone = (val)=> {
    this.setState({
      phone:val
    })
  }
  render() {
    return (
      <div className="appointment-wrap">
        <NavBar
          left={<span className="app-icon icon-left" onClick={this.props.history.goBack} />}
          title="保存地址"
        />
        <div className="saveaddress-wrap">
          <div className="saveaddress-item">
            <span className="address-left mart14">手机号码</span>
            <InputItem
              type="text"
              placeholder="输入手机号码"
              maxLength={11}
              onChange={this.onChangephone}
              value={this.state.phone}
              className="address-phone"
            ></InputItem>
          </div>
          <div className="saveaddress-item">
            <span className="address-left">我的地址</span>
            <textarea className="write-address" placeholder="请输入地址信息"></textarea>
          </div>
          <div className="save-btn red-btn">保存</div>
        </div>
      </div>
      
    )
  }
}
